<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		 #d1{
			 height: 200px;
			 width: 400px;
			 overflow: hidden;
			 margin: 200px auto;
			  cursor: pointer;
		 }
		 #d1:hover{
			  /* transform: skew(30deg,30deg); */
			transform: skewX(80deg);
		 }
		</style>
	</head>
	<body>
		<div id="d1">
			<img src="../day10/reg-mobile.jpg" height="200px" width="400px"/>
		</div>
	</body>
</html>
